<style tyle="text/css">
  .redWord {
    color: #F00
  }
</style>
<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">出境游团列表</h1>
  </div>
  <div class="panel panel-default">
    <div class="panel-body">
      <div class="col-lg-3">
        <div class="input-group">
          <div class="input-group-btn">
            <span class="btn btn-default">企业名称</span>
          </div>
          <ui-select ng-model="searchform.company_code" theme="bootstrap">
            <ui-select-match placeholder="请选择机构..">{{$select.selected.company_name}}</ui-select-match>
            <ui-select-choices repeat="item.company_code as item in company_list | filter: $select.search">
              <span ng-bind-html="item.company_name | highlight: $select.search"></span>
            </ui-select-choices>
          </ui-select>
        </div>
      </div>
      <div class="col-lg-3">
        <div class="input-group" >
          <div class="input-group-btn" >
            <span class="btn btn-default">游团名称</span>
          </div>
          <input type="text" class="form-control" ng-model="searchform.group_name">
        </div>
      </div>
      <div class="col-lg-2">
        <div class="input-group-static">
          <ui-select ng-model="searchform.status" theme="bootstrap">
            <ui-select-match placeholder="审核状态">{{$select.selected.label}}</ui-select-match>
            <ui-select-choices repeat="item.value as item in searchform.statusList">
              <span ng-bind-html="item.label"></span>
            </ui-select-choices>
          </ui-select>
        </div>
      </div>
      <div class="col-lg-2">
        <button class="btn btn-success" ng-click="getTravelList(1)">立即搜索</button>
      </div>
    </div>
  
    <div class="panel-body">
      <!-- 网络太差, 画圈等 -->
      <h3 class="col-sm-12 text-center" ng-show="searchform.loading">
        <i class="fa fa-spin fa-spinner hide show inline"></i>
      </h3>
  
      <table class="table table-striped table-bordered" ng-show="!searchform.loading">
        <thead>
          <tr>
            <th class="col-md-2 text-center">所属机构</th>
            <th class="col-md-2 text-center">游团信息</th>
            <th class="col-md-1 text-center">游玩天数</th>
            <th class="col-md-1 text-center">开团数量</th>
            <th class="col-md-1 text-center">状态</th>
            <th class="col-md-2 text-center">创建时间</th>
            <th class="col-md-2 text-center">操作</th>
          </tr>
        </thead>
        <tbody>
          <tr ng-repeat="info in list">
            <td>{{info.company_name}}</td>
            <td>{{info.group_name}}（{{info.group_code}}）</td>
            <td class="text-center">{{info.period}}</td>
            <td class="text-center">{{info.num}}</td>
            <td class="text-center">{{dictTravel['a'+info.status]}}</td>
            <td class="text-center">{{info.create_time}}</td>
            <td class="text-center">
              <button type="button" class="btn btn-info btn-xs" ng-click="getInfo(info)">查看</button>
              <button type="button" class="btn btn-info btn-xs" ng-if="info.num>0" ng-click="grouplist(info)">开团名单</button>
            </td>
          </tr>
        </tbody>
      </table>
      <div class="text-right" ng-show="!searchform.loading" style="background-color: white; margin-right: 30px">
        <pagination total-items="totalItems" ng-model="currentPage" ng-change="getTravelList(currentPage)" 
         previous-text="上一页" next-text="下一页" first-text="首页" last-text="尾页" max-size="5" 
         boundary-links="true" rotate="false" items-per-page="itemsPerPage" class="m-t-none m-b"></pagination>
      </div>

    </div>
  
  </div>
  